table {
	width: 650px;
	border-collapse: collapse;
	border: 1px solid #FFCA5E;
}

caption {
	font: 1.8em/1.8em Arial, Helvetica, sans-serif;
	text-align: left;
	text-indent: 10px;
	background:
		url(http://www.nonamedesign.info/table_gallery/bg_caption.jpg) right
		top;
	height: 45px;
	color: #FFAA00;
}

thead th {
	background: url(http://www.nonamedesign.info/table_gallery/bg_th.jpg)
		no-repeat right;
	height: 47px;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: left;
	border-right: 1px solid #FCF1D4;
}

tbody tr {
	background: url(http://www.nonamedesign.info/table_gallery/bg_td1.jpg)
		repeat-x top;
}

tbody tr.odd {
	background: #FFF8E8
		url(http://www.nonamedesign.info/table_gallery/bg_td2.jpg) repeat-x;
}

tbody th,td {
	font-size: 0.8em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #DDDDDD;
	text-align: left;
}
/*
a {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}
a:hover {
	color: #F8A704;
	text-decoration: underline;
}

button {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}
button:hover {
	color: #F8A704;
	text-decoration: underline;
}
*/
tfoot th {
	background: url(http://www.nonamedesign.info/table_gallery/bg_total.jpg)
		repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}

tfoot td {
	background: url(http://www.nonamedesign.info/table_gallery/bg_total.jpg)
		repeat-x bottom;
	color: #FFFFFF;
	height: 30px;
}


a.squarebutton {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-gray-left.gif')
		no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}

a:link.squarebutton,a:visited.squarebutton,a:active.squarebutton {
	color: #494949; /*button text color*/
}

a.squarebutton span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-gray-right.gif')
		no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0;
	/*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover { /* Hover state CSS */
	background-position: bottom left;
}

a.squarebutton:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: black;
}

.buttonwrapper {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

a.green {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-green-left.gif')
		no-repeat top left
}

a.green span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-green-right.gif')
		no-repeat top right;
}

a.orange {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-orange-left.gif')
		no-repeat top left
}

a.orange span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-orange-right.gif')
		no-repeat top right;
}

a.blue {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-blue-left.gif')
		no-repeat top left
}

a.blue span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-blue-right.gif')
		no-repeat top right;
}

a.red {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-red-left.gif')
		no-repeat top left
}

a.red span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/square-red-right.gif')
		no-repeat top right;
}

a.ovalbutton {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-gray-left.gif')
		no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 16px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}

a:link.ovalbutton,a:visited.ovalbutton,a:active.ovalbutton {
	color: #494949; /*button text color*/
}

a.ovalbutton span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-gray-right.gif')
		no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0;
	/*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover { /* Hover state CSS */
	background-position: bottom left;
}

a.ovalbutton:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: black;
}

.buttonwrapper {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

a.green {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-green-left.gif')
		no-repeat top left
}

a.green span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-green-right.gif')
		no-repeat top right;
}

a.orange {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-orange-left.gif')
		no-repeat top left
}

a.orange span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-orange-right.gif')
		no-repeat top right;
}

a.blue {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-blue-left.gif')
		no-repeat top left
}

a.blue span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-blue-right.gif')
		no-repeat top right;
}

a.red {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-red-left.gif')
		no-repeat top left
}

a.red span {
	background: transparent
		url('http://www.dynamicdrive.com/cssexamples/media/oval-red-right.gif')
		no-repeat top right;
}